---
sidebar_position: 3
---

import ImagePreview from "@site/src/components/ImagePreview";

# 交互  

  组件内置交互事件，当*组件*的**状态**或**数据**发生变化，或是触发了指定**事件**时，触发交互。  
  其他组件可以使用关联其他组件的交互。  

  目前存在两种交互：  
  - 基础交互  
  - 跳转交互（2022-10-10）  

  <ImagePreview alt="交互介绍" src="/img/docs/设计器/画布/配置/组件配置/交互/interactive-intro.jpg" /> 

## 基础交互  

  比如：
    点击**柱形图**柱条触发其事件。  
    点击**Tab标签**触发事件。  

  *不是*所有组件都有交互。  

  交互事件默认**不开启**。  
  当开启事件绑定，即可在大屏内任何可以使用**变量**的地方使用。    
  比如之前介绍的组件*数据*部分的`url`、`headers`、`body`，又或者过滤器函数的第二参数等。   

  触发的事件都包含其相关的变量参数。  
  比如：
    部分*图表*类的组件点击包含 `x`和`y`字段。  

  由于很多组件的交互事件关联字段名称都相同，多个相同字段会存在覆盖的问题。  
  类似于*数据的字段映射*，交互的字段同样可以进行映射，设置为不同的名称。  

  <ImagePreview alt="交互映射" src="/img/docs/设计器/画布/配置/组件配置/交互/interactive-map.png" /> 

## 跳转交互  

  跳转交互即点击图表即可将图表数据携带在自定义的`url`参数上进行链接跳转。  

  具体可查看实例[传送门](/docs/实例/example-6)。       
